<template>
    <div class="footerIndexMain">
        <div class="modService">
            <ul>
                <li>
                    <span class="fontTitle1"></span><span class="fontText">品类齐全，轻松购物</span>
                </li>
                <li>
                    <span class="fontTitle2"></span><span class="fontText">多仓直发，极速配送</span>
                </li>
                <li>
                    <span class="fontTitle3"></span><span class="fontText">正品行货，精致服务</span>
                </li>
                <li>
                    <span class="fontTitle4"></span><span class="fontText">天天低价，畅选无忧</span>
                </li>
            </ul>
        </div>
        <div class="helpList">
            <div class="mod_help">
                <ul>
                    <h5>购物指南</h5>
                    <li>
                        <a href="//help.jd.com/user/issue/list-29.html" target="_blank" rel="noopener noreferrer">购物流程</a>
                    </li>
                    <li>
                        <a href="//help.jd.com/user/issue/list-151.html" target="_blank" rel="noopener noreferrer">会员介绍</a>
                    </li>
                    <li>
                        <a href="//help.jd.com/user/issue/list-297.html" target="_blank" rel="noopener noreferrer">生活旅行</a>
                    </li>
                    <li>
                        <a href="//help.jd.com/user/issue.html" target="_blank" rel="noopener noreferrer">常见问题</a>
                    </li>
                    <li>
                        <a href="//help.jd.com/user/issue/list-136.html" target="_blank" rel="noopener noreferrer">大家电</a>
                    </li>
                    <li>
                        <a href="//help.jd.com/user/custom.html" target="_blank" rel="noopener noreferrer">联系客服</a>
                    </li>
                </ul>
            </div>
            <div class="mod_help">
                <ul>
                    <h5>配送方式</h5>
                    <li>
                        <a href="//help.jd.com/user/issue/list-81-100.html" target="_blank" rel="noopener noreferrer">上门自提</a>
                    </li>
                    <li>
                        <a href="//help.jd.com/user/issue/list-81.html" target="_blank" rel="noopener noreferrer">211限时达</a>
                    </li>
                    <li>
                        <a href="//help.jd.com/user/issue/103-983.html" target="_blank" rel="noopener noreferrer">配送服务查询</a>
                    </li>
                    <li>
                        <a href="//help.jd.com/user/issue/109-188.html" target="_blank" rel="noopener noreferrer">配送费收取标准</a>
                    </li>
                    <li>
                        <a href="//help.joybuy.com/help/question-list-201.html" target="_blank" rel="noopener noreferrer">海外配送</a>
                    </li>
                </ul>
            </div>
            <div class="mod_help">
                <ul class="mod_help">
                    <h5>支付方式</h5>
                    <li>
                        <a href="//help.jd.com/user/issue/list-172.html" target="_blank" rel="noopener noreferrer">货到付款</a>
                    </li>
                    <li>
                        <a href="//help.jd.com/user/issue/list-173.html" target="_blank" rel="noopener noreferrer">在线支付</a>
                    </li>
                    <li>
                        <a href="//help.jd.com/user/issue/list-176.html" target="_blank" rel="noopener noreferrer">分期付款</a>
                    </li>
                    <li>
                        <a href="//help.jd.com/user/issue/list-175.html" target="_blank" rel="noopener noreferrer">公司转账</a>
                    </li>
                </ul>
            </div>
            <div class="mod_help">
                <ul>
                    <h5>售后服务</h5>
                    <li>
                        <a href="//help.jd.com/user/issue/321-981.html" target="_blank" rel="noopener noreferrer">售后政策</a>
                    </li>
                    <li>
                        <a href="//help.jd.com/user/issue/list-132.html" target="_blank" rel="noopener noreferrer">价格保护</a>
                    </li>
                    <li>
                        <a href="//help.jd.com/user/issue/130-978.html" target="_blank" rel="noopener noreferrer">退款说明</a>
                    </li>
                    <li>
                        <a href="//myjd.jd.com/repair/repairs.action" target="_blank" rel="noopener noreferrer">返修/退换货</a>
                    </li>
                    <li>
                        <a href="//help.jd.com/user/issue/list-50.html" target="_blank" rel="noopener noreferrer">取消订单</a>
                    </li>
                </ul>
            </div>
            <div class="mod_help">
                <ul>
                    <h5>特色服务</h5>
                    <li>
                        <a href="//1paipai.jd.com/" target="_blank" rel="noopener noreferrer">夺宝岛</a>
                    </li>
                    <li>
                        <a href="//help.jd.com/user/issue/list-134.html" target="_blank" rel="noopener noreferrer">DIY装机</a>
                    </li>
                    <li>
                        <a href="//fuwu.jd.com/" target="_blank" rel="noopener noreferrer">延保服务</a>
                    </li>
                    <li>
                        <a href="//o.jd.com/market/index.action" target="_blank" rel="noopener noreferrer">京东E卡</a>
                    </li>
                    <li>
                        <a href="//mobile.jd.com/" target="_blank" rel="noopener noreferrer">京东通信</a>
                    </li>
                    <li>
                        <a href="//smart.jd.com/" target="_blank" rel="noopener noreferrer">京鱼座智能</a>
                    </li>
                </ul>
            </div>
            <div class="mod_help">
                <ul>
                    <h5>京东自营覆盖区县</h5>
                    <li>
                        京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。
                    </li>
                </ul>
            </div>
        </div>
        <div class="grid_c1 mod_copyright_inner">
            <p class="mod_copyright_links" clstag="h|keycount|btm|btmnavi_null03">
                <a href="//about.jd.com" target="_blank" rel="noopener noreferrer">关于我们</a>
                <span class="mod_copyright_split">|</span>
                <a href="//about.jd.com/contact" target="_blank" rel="noopener noreferrer">联系我们</a>
                <span class="mod_copyright_split">|</span>
                <a href="//help.jd.com/user/custom.html" target="_blank" rel="noopener noreferrer">联系客服</a>
                <span class="mod_copyright_split">|</span>
                <a href="//lai.jd.com" target="_blank" rel="noopener noreferrer">合作招商</a>
                <span class="mod_copyright_split">|</span>
                <a href="//helpcenter.jd.com/venderportal/index.html" target="_blank" rel="noopener noreferrer">商家帮助</a>
                <span class="mod_copyright_split">|</span>
                <a href="//jzt.jd.com" target="_blank" rel="noopener noreferrer">营销中心</a>
                <span class="mod_copyright_split">|</span>
                <a href="//app.jd.com/" target="_blank" rel="noopener noreferrer">手机京东</a>
                <span class="mod_copyright_split">|</span>
                <a href="//club.jd.com/links.aspx" target="_blank" rel="noopener noreferrer">友情链接</a>
                <span class="mod_copyright_split">|</span>
                <a href="//media.jd.com/" target="_blank" rel="noopener noreferrer">销售联盟</a>
                <span class="mod_copyright_split">|</span>
                <a href="//pro.jd.com/mall/active/3WA2zN8wkwc9fL9TxAJXHh5Nj79u/index.html" target="_blank" rel="noopener noreferrer">京东社区</a>
                <span class="mod_copyright_split">|</span>
                <a href="//pro.jd.com/mall/active/3TF25tMdrnURET8Ez1cW9hzfg3Jt/index.html" target="_blank" rel="noopener noreferrer">风险监测</a>
                <span class="mod_copyright_split">|</span>
                <a href="//about.jd.com/privacy/" target="_blank" rel="noopener noreferrer">隐私政策</a>
                <span class="mod_copyright_split">|</span>
                <a href="//gongyi.jd.com" target="_blank" rel="noopener noreferrer">京东公益</a>
                <span class="mod_copyright_split">|</span>
                <a href="//www.joybuy.com/" target="_blank" rel="noopener noreferrer">English Site</a>
                <span class="mod_copyright_split">|</span>
                <a href="//corporate.jd.com" target="_blank" rel="noopener noreferrer">Media &amp; IR</a>
            </p>
            <div class="mod_copyright_info">
                <div class="mod_copyright_cert" clstag="h|keycount|btm|btmnavi_null04">
                    <p>
                        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000088" target="_blank" rel="noopener noreferrer">京公网安备 11000002000088号</a>
                        <span class="mod_copyright_split">|</span>
                        <a href="http://beian.miit.gov.cn" target="_blank" rel="noopener noreferrer">京ICP备11041704号</a>
                        <span class="mod_copyright_split">|</span>
                        <a href="//img30.360buyimg.com/poprx/jfs/t1/45702/1/7206/3652062/5d4d3f4fE7ea82da4/207332da28ae8230.png" target="_blank" rel="noopener noreferrer">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a>
                        <span class="mod_copyright_split">|</span><span>新出发京零&nbsp;字第大120007号</span>
                    </p>
                    <p>
                        <span>互联网出版许可证编号新出网证(京)字150号</span>
                        <span class="mod_copyright_split">|</span>
                        <a href="//pro.jd.com/mall/active/3bVDLXHdwVmdQksGF8TtS7ocq1NY/index.html" target="_blank" rel="noopener noreferrer">出版物经营许可证</a>
                        <span class="mod_copyright_split">|</span><a href="//img10.360buyimg.com/ling/jfs/t1/164806/19/5070/567736/6017d6d6Eab06ec9c/d8ca6e029f495447.jpg" target="_blank" rel="noopener noreferrer">网络文化经营许可证京网文[2020]6112-1201号</a>
                        <span class="mod_copyright_split">|</span>
                        <span>违法和不良信息举报电话：4006561155</span>
                    </p>
                    <p>
                        <span>Copyright&nbsp;©&nbsp;2004&nbsp;-&nbsp;2021&nbsp;&nbsp;京东JD.com&nbsp;版权所有</span>
                        <span class="mod_copyright_split">|</span>
                        <span>消费者维权热线：4006067733</span>
                        <span class="mod_copyright_split">|</span>
                        <a href="//pro.jd.com/mall/active/38PitHBfR7ZopNHRSHnuuWR5AMDL/index.html" target="_blank" rel="noopener noreferrer" class="mod_copyright_license">经营证照</a>
                        <span class="mod_copyright_split">|</span>
                        <span>(京)网械平台备字(2018)第00003号</span><span class="mod_copyright_split">|</span>
                        <a href="//img14.360buyimg.com/ling/jfs/t1/174269/9/9343/427804/609cfd9fE45ac1f13/7b439af70aad11cc.jpg" target="_blank" rel="noopener noreferrer" class="mod_business_license">营业执照</a>
                    </p>
                </div>
                <div class="mod_copyright_inter">
                    <p>
                        <a class="mod_copyright_inter_lk" href="//www.joybuy.com/?source=1&amp;visitor_from=3" target="_blank" rel="noopener noreferrer" clstag="h|keycount|btm|btmnavi_null0501">
                            <i class="mod_copyright_inter_ico mod_copyright_inter_ico_global"></i>
                            Global Site</a>
                        <span class="mod_copyright_split">|</span>
                        <a class="mod_copyright_inter_lk" href="//www.jd.ru/?source=1&amp;visitor_from=3" target="_blank" rel="noopener noreferrer" clstag="h|keycount|btm|btmnavi_null0502">
                            <i class="mod_copyright_inter_ico mod_copyright_inter_ico_rissia"></i>Сайт России</a>
                        <span class="mod_copyright_split">|</span>
                        <a class="mod_copyright_inter_lk" href="//www.jd.id/?source=1&amp;visitor_from=3" target="_blank" rel="noopener noreferrer" clstag="h|keycount|btm|btmnavi_null0503">
                            <i class="
                  mod_copyright_inter_ico mod_copyright_inter_ico_indonesia
                "></i>Situs Indonesia</a>
                        <span class="mod_copyright_split">|</span>
                        <a class="mod_copyright_inter_lk" href="//www.joybuy.es/?source=1&amp;visitor_from=3" target="_blank" rel="noopener noreferrer" clstag="h|keycount|btm|btmnavi_null0504">
                            <i class="mod_copyright_inter_ico mod_copyright_inter_ico_spain"></i>Sitio de España</a>
                        <span class="mod_copyright_split">|</span>
                        <a class="mod_copyright_inter_lk" href="//www.jd.co.th/?source=1&amp;visitor_from=3" target="_blank" rel="noopener noreferrer" clstag="h|keycount|btm|btmnavi_null0505">
                            <i class="mod_copyright_inter_ico mod_copyright_inter_ico_thailand"></i>เว็บไซต์ประเทศไทย</a>
                    </p>
                </div>
                <div class="mod_copyright_subsites" clstag="h|keycount|btm|btmnavi_null06">
                    <p>
                        <span>京东旗下网站：</span>
                        <a href="https://www.jdpay.com/" target="_blank" rel="noopener noreferrer">京东钱包</a>
                        <span class="mod_copyright_split">|</span>
                        <a href="http://www.jdcloud.com" target="_blank" rel="noopener noreferrer">京东云</a>
                    </p>
                </div>
            </div>
            <p class="mod_copyright_auth" clstag="h|keycount|btm|btmnavi_null07">
                <a class="mod_copyright_auth_ico mod_copyright_auth_ico_2" href="https://ss.knet.cn/verifyseal.dll?sn=2008070300100000031&amp;ampct=df&amp;amppa=294005" target="_blank" rel="noopener noreferrer">可信网站信用评估</a>
                <a class="mod_copyright_auth_ico mod_copyright_auth_ico_3" href="http://www.cyberpolice.cn" target="_blank" rel="noopener noreferrer">网络警察提醒你</a>
                <a class="mod_copyright_auth_ico mod_copyright_auth_ico_4" href="https://search.szfw.org/cert/l/CX20120111001803001836" target="_blank" rel="noopener noreferrer">诚信网站</a>
                <a class="mod_copyright_auth_ico mod_copyright_auth_ico_5" href="http://www.12377.cn/" target="_blank" rel="noopener noreferrer">中国互联网举报中心</a>
                <a class="mod_copyright_auth_ico mod_copyright_auth_ico_6" href="http://www.12377.cn/node_548446.htm" target="_blank" rel="noopener noreferrer">网络举报APP下载</a>
                <a class="mod_copyright_auth_ico mod_copyright_auth_ico_7" href="http://www.shdf.gov.cn/shdf/channels/740.html" target="_blank" rel="noopener noreferrer">扫黄打非网举报专区</a>
            </p>
        </div>
    </div>
</template>
<script lang="ts">
    import { Component, Vue } from "vue-property-decorator";
    import { Action, Getter } from "vuex-class";
    @Component({
        components: {},
    })
    export default class FooterIndex extends Vue {}
</script>

<style lang="less" scoped>
    .footerIndexMain {
        height: 560px;
        font-size: 12px !important;

        .modService {
            padding: 30px 130px;
            border-bottom: 1px solid #dedede;
            display: flex;
            justify-content: center;

            ul {
                width: 100%;
                margin: auto;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                margin: 0px;
                padding: 0px;
                padding-right: 10px;
                padding-left: 10px;
                height: 42px;

                li {
                    list-style-type: none;
                    display: flex;
                    justify-content: center;
                    align-items: center;

                    .fontText {
                        overflow: hidden;
                        width: 100%;
                        margin-left: 5px;
                        height: 42px;
                        line-height: 42px;
                        font-size: 18px;
                        font-weight: 700;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        color: #444;
                    }

                    .fontTitle1 {
                        width: 55px;
                        height: 42px;
                        text-align: center;
                        background-repeat: no-repeat;
                        background-position: 3px -192px;
                        background-image: url(//misc.360buyimg.com/mtd/pc/index_2019/1.0.0/assets/img/23f3ddf914b1b527d0429a3d713cfe3a.png);
                    }

                    .fontTitle2 {
                        width: 55px;
                        height: 42px;
                        text-align: center;
                        background-repeat: no-repeat;
                        background-position: -37px -192px;
                        background-image: url(//misc.360buyimg.com/mtd/pc/index_2019/1.0.0/assets/img/23f3ddf914b1b527d0429a3d713cfe3a.png);
                    }

                    .fontTitle3 {
                        width: 55px;
                        height: 42px;
                        text-align: center;
                        background-repeat: no-repeat;
                        background-position: -79px -192px;
                        background-image: url(//misc.360buyimg.com/mtd/pc/index_2019/1.0.0/assets/img/23f3ddf914b1b527d0429a3d713cfe3a.png);
                    }

                    .fontTitle4 {
                        width: 55px;
                        height: 42px;
                        text-align: center;
                        background-repeat: no-repeat;
                        background-position: -123px -192px;
                        background-image: url(//misc.360buyimg.com/mtd/pc/index_2019/1.0.0/assets/img/23f3ddf914b1b527d0429a3d713cfe3a.png);
                    }
                }
            }
        }

        .helpList {
            display: flex;
            padding: 20px 0;
            justify-content: center;
            margin: 0 auto;
            text-align: center;

            .mod_help {
                width: 198px;
                line-height: 22px;

                ul {
                    margin: 0px;
                    padding: 0px;

                    li {
                        list-style-type: none;

                        a {
                            color: #666;
                            text-decoration: none;
                        }
                    }

                    h5 {
                        margin: 0px;
                        padding: 0px;
                        margin-bottom: 5px;
                        font-size: 14px;
                    }
                }
            }
        }

        .mod_copyright_inner {
            padding: 15px 0;
            border-top: 1px solid #e1e1e1;
            text-align: center;
            margin: 0 auto;
            width: 1190px;

            a {
                color: #666;
                text-decoration: none;
            }

            .mod_copyright_auth {
                a {
                    margin-left: 10px;
                }
            }
        }
    }
</style>